<template>
  <section class="m_wrapper mt53">
    <div class="search_one">
      <form class="search_box clearfix">
        <input type="text" class="input_box fl" placeholder="搜索文章和问答" />
        <a class="search fr">
          <svg aria-hidden="true"><use xlink:href="#icon-sousuo"></use></svg>
        </a>
      </form>
    </div>
    <div class="box_two">
      <h1 class="title_item clearfix">
        <span class="name_txt">本月推荐</span>
      </h1>
      <div class="two_slide">
        <div class="swiper-container two_swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <router-link to="/activitydetail" class="swiper_list choice">
                <img
                  src="../../../../assets/images/pics_modle_46.png"
                  width="100%"
                  height="100%"
                />
                <h1 class="name">APS线上公开课</h1>
              </router-link>
            </div>
            <div class="swiper-slide">
              <a class="swiper_list">
                <img
                  src="../../../../assets/images/pics_modle_46.png"
                  width="100%"
                  height="100%"
                />
                <h1 class="name">APS线上公开课</h1>
              </a>
            </div>
            <div class="swiper-slide">
              <a class="swiper_list">
                <img
                  src="../../../../assets/images/pics_modle_46.png"
                  width="100%"
                  height="100%"
                />
                <h1 class="name">APS线上公开课</h1>
              </a>
            </div>
            <div class="swiper-slide">
              <a class="swiper_list">
                <img
                  src="../../../../assets/images/pics_modle_46.png"
                  width="100%"
                  height="100%"
                />
                <h1 class="name">APS线上公开课</h1>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="box_three">
      <div class="three_tab clearfix">
        <a class="tab_item">同城精选</a>
        <a class="tab_site">[西安]</a>
      </div>
      <div class="list_box">
        <div class="List_item clearfix">
          <div class="list_img">
            <img
              src="../../../../assets/images/pics_modle_46.png"
              width="100%"
              height="100%"
            />
          </div>
          <div class="list_fr">
            <h3 class="list_title">
              德国留学一年花费德国留学一年德国留学一花费是多少？是多少？
            </h3>
            <p class="list_txt clearfix">
              <img src="../../../../assets/images/pics_modle_46.png" /><a
                class="name_txt"
                >留德DIY社区</a
              >
            </p>
            <p class="list_txt_b">
              <i class="site">西安</i> | <i class="date">2019年9月1日</i>
              <i class="tiem">11:00</i>
            </p>
            <a class="cloes_icon"
              ><svg aria-hidden="true">
                <use xlink:href="#icon-guanbi"></use></svg
            ></a>
          </div>
        </div>
        <div class="List_item clearfix">
          <div class="list_img">
            <img
              src="../../../../assets/images/pics_modle_46.png"
              width="100%"
              height="100%"
            />
          </div>
          <div class="list_fr">
            <h3 class="list_title">
              德国留学一年花费德国留学一年花费是多少？是多少？
            </h3>
            <p class="list_txt clearfix">
              <img src="../../../../assets/images/pics_modle_46.png" /><a
                class="name_txt"
                >留德DIY社区</a
              >
            </p>
            <p class="list_txt_b">
              <i class="site">西安</i> | <i class="date">2019年9月1日</i>
              <i class="tiem">11:00</i>
            </p>
            <a class="cloes_icon"
              ><svg aria-hidden="true">
                <use xlink:href="#icon-guanbi"></use></svg
            ></a>
          </div>
        </div>
        <div class="List_item clearfix">
          <div class="list_img">
            <img
              src="../../../../assets/images/pics_modle_46.png"
              width="100%"
              height="100%"
            />
          </div>
          <div class="list_fr">
            <h3 class="list_title">
              德国留学一年花费德国留学一年花费是多少？是多少？
            </h3>
            <p class="list_txt clearfix">
              <img src="../../../../assets/images/pics_modle_46.png" /><a
                class="name_txt"
                >留德DIY社区</a
              >
            </p>
            <p class="list_txt_b">
              <i class="site">西安</i> | <i class="date">2019年9月1日</i>
              <i class="tiem">11:00</i>
            </p>
            <a class="cloes_icon"
              ><svg aria-hidden="true">
                <use xlink:href="#icon-guanbi"></use></svg
            ></a>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
import "../../../../static/css/public_style.css";
import "../../../../static/css/m_nav_public.css";
import "../../../../static/css/m_activity_index.css";
export default {
  data() {
    return {
      swiper: null,
    };
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
  components: {},
};
</script>

<style scoped>
.swiper-container {
  display: flex;
  overflow-x: auto;
}
</style>
